﻿<%@ Page Language="C#" MasterPageFile="~/Examples/Examples.master" AutoEventWireup="true" CodeBehind="Mode.aspx.cs" Inherits="SampleSite.Examples.Mode" Title="Untitled Page" %>
<asp:Content ID="Content3" ContentPlaceHolderID="ExampleIntro" runat="server">
    <p>The point of this example is to show that there can be a global tinymce element which extends all TextBoxes on the page.
       However, during the rendering process, the Control removes all TextBoxes which have already been specified in an Exact TinyMCE Control.</p>
    <p>Finally, to drive the point home, two textareas have been added to show that the textarea switch is not used in the control.</p>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="Example" runat="server">
    <moxiecode:TinyMCE ID="TinyMCE1" runat="server" Theme="Advanced" Mode="TextBoxes" Width="100%" />
    <moxiecode:TinyMCE ID="TinyMCE2" runat="server" Theme="Simple" Mode="Exact" Width="100%">
        <Targets>
            <moxiecode:Target TargetID="TextBox3" />
            <moxiecode:Target TargetID="TextBox4" />
        </Targets>
    </moxiecode:TinyMCE>
    <table class="examples" cellpadding="0" cellspacing="0">
        <tr>
            <td><asp:TextBox ID="TextBox1" runat="server" Text="Example 1 - SingleLine" /></td>
            <td><asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Text="Example 2 - Multilined" /></td>
        </tr>
        <tr>
            <td><asp:TextBox ID="TextBox3" runat="server" Text="Example 3" /></td>
            <td><asp:TextBox ID="TextBox4" runat="server" Text="Example 4" /></td>
        </tr>
        <tr>
            <td><textarea id="TextArea1" cols="20" rows="2">Example TextArea1</textarea></td>
            <td><textarea id="TextArea2" cols="20" rows="2">Example TextArea2</textarea></td>
        </tr>
    </table>
<pre runat="server" class="html">
&lt;moxiecode:TinyMCE ID="TinyMCE1" runat="server" Theme="Advanced" Mode="TextBoxes" Width="100%" /&gt;
&lt;moxiecode:TinyMCE ID="TinyMCE2" runat="server" Theme="Simple" Mode="Exact" Width="100%"&gt;
    &lt;Targets&gt;
        &lt;moxiecode:Target TargetID="TextBox3" /&gt;
        &lt;moxiecode:Target TargetID="TextBox4" /&gt;
    &lt;/Targets&gt;
&lt;/moxiecode:TinyMCE&gt;
&lt;table id="modexample"&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;asp:TextBox ID="TextBox1" runat="server" Text="Example 1 - SingleLine" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;asp:TextBox ID="TextBox2" runat="server" TextMode="MultiLine" Text="Example 2 - Multilined" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;asp:TextBox ID="TextBox3" runat="server" Text="Example 3" /&gt;&lt;/td&gt;
        &lt;td&gt;&lt;asp:TextBox ID="TextBox4" runat="server" Text="Example 4" /&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
        &lt;td&gt;&lt;textarea id="TextArea3" cols="20" rows="2"&gt;Example TextArea1&lt;/textarea&gt;&lt;/td&gt;
        &lt;td&gt;&lt;textarea id="TextArea4" cols="20" rows="2"&gt;Example TextArea2&lt;/textarea&gt;&lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</pre>
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="ExampleExplanation" runat="server"></asp:Content>